<template>
	<div id="tab-bar">
		<div class='tab-bar-item'>首页</div>
		<div class='tab-bar-item'>分类</div>
		<div class='tab-bar-item'>购物车</div>
		<div class='tab-bar-item'>我的</div>
	</div>
</template>

<script>
</script>

<style>
	#tab-bar{
		display: flex;
		background-color: #f6f6f6;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		//阴影
		box-shadow: 0 -1px 1px rgb(100,100,100,0.2);
	}
	.tab-bar-item{
		flex: 1;
		text-align: center;
		height: 49px;
	}
</style>
